<template>
	<view class="my-sobox">
		<icon type="search" size="18"></icon>
		<input :placeholder="placeholder"/>
		<!-- <input :placeholder="placeholder" v-model="inputValue"/> -->
	</view>
</template>

<script>
	export default {
		props:{
			placeholder:{
				type:String
			}
		},
		data() {
			return {
				// inputValue:''
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
.my-sobox{
	width: 714rpx;
	height: 72rpx;
	line-height: 72rpx;
	margin:20rpx auto;
	position: relative;
	icon{
		position: absolute;
		left:30%;
		top:20rpx;
		z-index: 2;
	}
	input{
		border-radius: 36rpx;
		position: absolute;
		width: 714rpx;
		top: 0;
		left: 0;
		z-index: 1;
		height: 72rpx;
		line-height: 72rpx;
		background: #FFFFFF;
		color: #BFBFBF;
		font-size: 28rpx;
		text-align: center;
		padding:0;
		margin: 0;
	}
}
</style>
